// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
// 去同目录下寻找App
import App from './App'
// 去同目录下寻找router下的index.js文件
import router from './router'
// 移动端点击时300毫秒延迟问题，需要先cnpm install fastclick --save
import fastClick from 'fastclick'
// 引入轮播图功能
import VueAwesomeSwiper from 'vue-awesome-swiper'
// vuex共享数据
import store from './store'
// reset.css统一不同手机的初始化样式，注意这里的styles是别名，查看build->webpack.base.conf.js
import 'styles/reset.css'
// 解决多倍屏一像素边框的问题
import 'styles/border.css'
// 使用矢量图标
import 'styles/iconfont.css'
// 轮播图CSS文件
import 'swiper/dist/css/swiper.css'

Vue.config.productionTip = false
// 将fastclick绑定到body之上
fastClick.attach(document.body)
// 使用VueAwesomeSwiper
Vue.use(VueAwesomeSwiper)

/* eslint-disable no-new */
// 挂载到id为app的标签上
// 使用了一个App的组件，并取名App,ES6中键值相同可以只写一个
// template就是将内容<App>渲染到挂在点上
// 使用了router
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})

// 路由就是根据网址的不同，返回不同的内容给用户
